<template>
	<div v-if="pageLoad">
		<div class="header">
			<div class="header-back"></div>
			<div class="header-title">个人中心</div>
			<navigator url="index.html?m=user&a=set" class="header-right-btn iconfont icon-settings"></navigator> 
		</div>
		<div class="header-row"></div>
		<div class="main-body">
			<div class="uhead" v-if="pageLoad">

				<image class="uhead-img" src="http://img.deitui.com/?w=200&h=200&text=Logo&fontsize=36&textcolor=fff&bgcolor=ed6d53"></image>

				<div class="uhead-box">
					<div class="uhead-nick">老雷</div>
					<div class="uhead-rnum flex">
						余额 ￥
						<text class="f14 cl-money mgl-5">10</text>
					</div>
					<div class="uhead-rnum flex">
						金币
						<text class="cl-money mgl-5 mgr-5">10</text>

						积分
						<text class="cl-money mgl-5">10</text>

					</div>
				</div>
				<navigator url="index.html?m=user&a=set" class="flex-center btn-small btn-link iconfont icon-settings"></navigator> 
			</div>
			<div class="order-box">
				<div class="order-box-hd">
					我的订单
					<div class="flex-1"></div>
					<div @click="gourl('/pages/order/my')" class="order-box-hd-more">全部订单
						<text class="iconfont icon-right flex-ai-center"></text>
					</div>
				</div>
				<div class="order-box-status flex">
					<div @click="gourl('/pages/order/my?status=1')" class="order-box-item">
						<text class="iconfont icon-redpacket"></text> 待付款</div>
					<div @click="gourl('/pages/order/my?status=2')" class="order-box-item">
						<text class="iconfont icon-redpacket"></text> 待收货</div>
					<div @click="gourl('/pages/order/my?status=3')" class="order-box-item">
						<text class="iconfont icon-comment"></text> 待评价</div>
				</div>
			</div>
			
			<div class="m-navPic mgb-10">
				<navigator url="/pages/notice/my" class="m-navPic-item">
					<div class="m-navPic-icon icon-notice"></div>
					<div class="m-navPic-title">我的消息</div>
				</navigator>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">优惠券</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">我的帖子</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">我的评论</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">我的收藏</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">消费记录</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">充值记录</div>
				</div>
				<div class="m-navPic-item">
					<div class="m-navPic-icon icon-home"></div>
					<div class="m-navPic-title">收货地址</div>
				</div>
				
			</div>
			
			<div class="m-navPic">
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">设置</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					<div class="m-navPic-item">
						<div class="m-navPic-icon icon-home"></div>
						<div class="m-navPic-title">我的拼团</div>
					</div>
					
				</div>

			 
			{include=mfooter}
		</div>
</template>
<style>
	.uhead {
		display: flex;
		flex-direction: row;
		padding: 10px;
		background-color: #fff;
		margin-bottom: 5px;
	}

	.uhead-img {
		width: 80px;
		height: 80px;
		margin-right: 10px;
		display: block;
		border-radius: 50%;
	}

	.uhead-box {
		flex: 1;
	}

	.uhead-nick {
		margin-bottom: 5px;
		font-size: 16px;
	}

	.uhead-rnum {
		color: #999;
		margin-bottom: 10px;
		line-height: 14px;
		display: flex;
		font-size: 14px;
	}
	/***订单**/

	.order-box {
		background-color: #fff;
		padding: 10px;
		margin-bottom: 10px;
	}

	.order-box-hd {
		display: flex;
		flex-direction: row;
		line-height: 36px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;
		font-size: 16px;
		color: #646464;
	}

	.order-box-hd-more {
		color: #646464;
		margin-right: 5px;
		font-size: 16px;
		display: flex;
		flex-direction: row;
	}

	.order-box-icon:before {
		color: #646464;
	}

	.order-box-status {
		display: flex;
		flex-direction: row;
	}

	.order-box-item {
		flex: 1;
		text-align: center;
		font-size: 14px;
		color: #666;
	}

	.order-box-item .iconfont {
		display: block;
		color: #666;
		font-size: 22px;
	}
</style>
